<template>
  <div class="reasonCard bgwrite">
    <div class="title wordsGray">投诉原因</div>
    <div class="reasonList fz4 wordstxt">
      <div class="reason" v-if="reason"
           >{{reason}}</div>
     <div class="reason" v-else>无投诉原因</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ["reason"]
};
</script>

<style lang="scss" scoped>
.reasonCard {
  border-radius: 10px;
  margin-bottom: .24rem;
  .title {
    height: 0.64rem;
    line-height: 0.64rem;
    padding-left: 0.24rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .reasonList {
    padding-left: 0.24rem;
    .reason {
      
      padding: 0.3rem 0;
    }
  }
}
</style>
